<#include "macro-head.ftl">
<#include "macro-comments.ftl">
<!DOCTYPE html>
<html>
    <head>
        <@head title="${page.pageTitle} - ${blogTitle}">
        <meta name="keywords" content="${metaKeywords},${page.pageTitle}" />
        <meta name="description" content="${metaDescription}" />
        </@head>
        <link type="text/css" rel="stylesheet" href="/js/lib/SyntaxHighlighter/styles/shCoreEclipse.css" charset="utf-8" />
        <link type="text/css" rel="stylesheet" href="/js/lib/SyntaxHighlighter/styles/shThemeEclipse.css" charset="utf-8" />
    </head>
    <body>
        ${topBarReplacement}
        <div id="loading" style="display: none; "></div>
        <div id="page">
        <#include "header.ftl">
        <div id="content">
                    <div class="post">
                        <div class="entry">
                           ${page.pageContent}
                            <div id="postail" style="border-top-left-radius: 7px 7px; border-top-right-radius: 7px 7px; border-bottom-right-radius: 7px 7px; border-bottom-left-radius: 7px 7px; position: relative; zoom: 1; ">
                                    <div style="display: inherit">
                                            <canvas width="7px" height="7px" style="position:absolute;top:-2px;left:-2px;"></canvas>
                                            <canvas width="7px" height="7px" style="position:absolute;top:-2px;right:-2px;"></canvas>
                                            <canvas width="7px" height="7px" style="position:absolute;bottom:-2px;left:-2px;"></canvas>
                                            <canvas width="7px" height="7px" style="position:absolute;bottom:-2px;right:-2px;"></canvas>
                                    </div>
                            </div>
                            <div id="share">
                                    <ul style="display: none; top: -225px; opacity: 0; ">
                                            <li onclick="window.open('http://shuqian.qq.com/post?title=${article.articleTitle}%26uri=${blogHost}${article.articlePermalink}');return false">QQ书签</li>
                                            <li onclick="window.open('http://del.icio.us/post?url%3D${blogHost}${article.articlePermalink}%26title=${article.articleTitle}');return false">Del.icio.us</li>
                                            <li onclick="window.open('http://cang.baidu.com/do/add?it%3D${article.articleTitle}%26iu=${blogHost}${article.articlePermalink}%26dc%3D%26fr%3Dien#nw%3D1');return false">百度收藏</li>
                                            <li onclick="window.open('http://www.google.com/bookmarks/mark?op%3Dedit%26bkmk%3D${blogHost}${article.articlePermalink}%26title%3D${article.articleTitle}');return false">Google</li>
                                            <li onclick="window.open('http://fanfou.com/sharer?u%3D${blogHost}${article.articlePermalink}%26t%3D${article.articleTitle}');return false">饭否</li>
                                            <li onclick="window.open('http://friendfeed.com/share?url=${blogHost}${article.articlePermalink}%26title%3D${article.articleTitle}');return false">FriendFeed</li>
                                    </ul>
                            </div>
                        </div>                   
                    </div>
                    <@comments commentList=pageComments permalink=page.pagePermalink></@comments>
                </div>
                <#include "side.ftl">
                <div class="clear"></div>
            </div>
        <#include "footer.ftl">
        <@comment_script oId=page.oId></@comment_script>
    </body>
</html>
